<template>
  <div>
    <!-- 标题栏 -->
    <NavBar :title="$route.meta.title"> </NavBar>
    <van-form>
      <van-field name="uploader" label="图片上传">
        <template #input>
          <van-uploader v-model="uploader" max-count="1" />
        </template>
      </van-field>
      <van-field name="封装控件图片上传" label="封装控件图片上传">
        <template #input>
          <c-upload-img v-model="entity.File" :max-count="1" accept="" />
        </template>
      </van-field>
      <van-field name="封装控件多图片上传" label="封装控件多图片上传">
        <template #input>
          <c-upload-img v-model="uploader2" :max-count="3" accept="" />
        </template>
      </van-field>
    </van-form>
  </div>
</template>

//
<script>
import CUploadImg from "@/components/CUploadImg";
import NavBar from "@/components/NavBar";

export default {
  components: {
    CUploadImg,
    NavBar
  },
  data() {
    return {
      uploader: [{ url: "https://img.yzcdn.cn/vant/leaf.jpg" }],
      entity: { File: require("@/images/logo.png") },
      uploader2: ["https://img.yzcdn.cn/vant/leaf.jpg"]
    };
  },
  methods: {
    getFileUrls() {},
    setFile() {}
  }
};
</script>
